<div class="form-group" >
    <label class="col-sm-2 control-label" for="">[title]</label>
    <div class="col-sm-7" >
        <input class="form-control timepicker"  name="[name]" {if condition="isset($info['[name]'])"}value="{:date('Y-m-d H:i:s',$info['[name]'])}"{/if} placeholder="[title]" style="margin: 0px 5px;padding-left: 3px;border: 1px solid #ccc;height: 28px;border-radius: 3px;" AUTOCOMPLETE="off" readonly="readonly">
    </div>
</div>

<script type="text/javascript">
    $(function(){
        var now = new Date();
        var currentYear=now.getFullYear();
        var startDate = new Date(currentYear,0,1);
        var endDate = new Date();
        $('.timepicker').datetimepicker({
            format: "{$timepickerFormat | default='YYYY-MM-DD HH:mm:ss'}",   //YYYY-MM-DD HH:mm:ss
            locale: moment.locale('zh-cn'),
            minDate:startDate,
            maxDate : endDate
        });
    })
</script>

